﻿/*@font-face{font-family:suxingme;src:url(suxingme.otf) format("opentype");font-weight:400}*/
html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

/*===== 清除默认的margin的属性值 =====*/
body,
blockquote,
dd,
dl,
figure,
form,
p,
pre,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

em,
i {
    font-style: italic;
}

p {
    color: #3d464d;
    font-size: 14px;
    line-height: 1.6;
}

/*===== 统一设置列表的margin和padding，以及列表表形式 =====*/
menu,
ul,
ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

/*===== 全局定义字体以及页面背景 =====*/
body {
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    background-color: #f6f6f6;
    line-height: 1.5;
    transition: all 0.5s ease;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
input,
button,
select,
textarea {
    font-size: 14px;
    line-height: 1.4;
}

/* 设置字体大小 */
input[type="button"],
input[type="submit"],
input[type="reset"] {
    font-size: 16px;
}

/* 设置字体大小，这部分跟前面写在一起，IE6中会无效 */

/*===== 字体控制 =====*/
body,
input,
button,
select,
optgroup,
option,
textarea,
pre {
    font-family: suxingme, "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

/*===== 设置iframe的背景色以及去除个别浏览器iframe底部的几个像素 =====*/
iframe {
    background-color: #FFFFFF;
    vertical-align: middle;
}

/*===== 设置文本链接样式 =====*/
a {
    color: #48494d;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
}

a:hover {
    text-decoration: none;
    color: #00A7EB;
}

/*===== 去除个别浏览器图片底部的几个像素，以及设置图片形式链接无边框 =====*/
img {
    vertical-align: middle;
}

a img {
    border: 0 none;
}

/*===== 设置表单元素的样式 =====*/
fieldset {
    margin: 0;
    padding: 0;
}

legend {
    color: windowtext;
}

/* 设置表单域部分的字体颜色为系统窗体文本颜色 */
button,
input.ie6 {
    overflow: visible;
    padding: .1em .25em;
    cursor: pointer;
    outline: none;
    border: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

/* 尽量统一按钮的大小，鉴于IE6不支持【属性选择符】，所以使用一个类名来控制 */
input[type="button"],
input[type="submit"],
input[type="reset"] {
    overflow: visible;
    padding: .1em .25em;
    cursor: pointer;
}

/* 尽量同意按钮的大小，如果采用input方式做的按钮 */
input,
input:focus,
input[type="text"],
input[type="text"]:focus,
select,
textarea {

    border-color: #eaeaea;
    outline: none !important;
    box-shadow: none !important;
}

input:focus,
input[type="text"]:focus {
    border-color: #dde1e8;
}

/* 统一文本输入框、下拉、文本框的背景色，避免被用户设置系统颜色而破坏页面色彩 */
button,
button:focus {
    box-shadow: none;
}

select {
    border: 1px inset;
}

/* 统一下拉的边框 */
textarea {
    overflow: auto;
    vertical-align: text-bottom;
    *vertical-align: auto;
    border: 1px solid;
    resize: vertical;
}

/* 滚动条为auto，与周边的元素对齐方式，其中hack部分是IE6&7中vertical-align影响范围清除，resize为上下可拉动，避免左右拉动破坏页面布局，如有需要可以设置为none */

/*===== 设置表格元素的样式 =====*/
table {
    border-spacing: 0;
}

/* 合并表格的间隙，去掉单元格之间的间距，如有需要合并单元格为细线表格，可增加 border-collapse:collapse; */
td,
th,
caption {
    padding: 0;
}


/**
 * Alignments
 */

.alignleft {
    display: inline;
    float: left;
}

.alignright {
    display: inline;
    float: right;
}

.aligncenter {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

blockquote.alignleft,
img.alignleft,
.wp-caption.alignleft,
.post-content img.alignleft {
    margin: 0.4em 1.6em 1.6em 0;
}

blockquote.alignright,
.wp-caption.alignright,
img.alignright {
    margin: 0.4em 0 1.6em 1.6em;
}

blockquote.aligncenter,
img.aligncenter,
.wp-caption.aligncenter,
.post-content img.aligncenter {
    clear: both;
    margin-top: 0.4em;
    margin-bottom: 1.6em;
}

.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
    margin-bottom: 1.2em;
}

